@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }






.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }



#main{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    .weixin{
        position: absolute;       
         left:r(48);
         top:r(160);        
         width:r(545);       
         height:r(700);
        background: #FFF9E6;

        z-index: 999;
        .weixinimg{
            width: r(268);
            height: r(268);
            margin: 0 auto;
            margin-top: r(52);
            margin-bottom: r(24);
            img{
                width: 100%;
                height: 100%;
            }
        }
        p{
            
            text-align: center;
            font-size: r(28);
            padding-top: r(10);
            color: #888888;
        }
        .zhifu{
                font-size: r(12);
            }
            a{
                display: block;
               width: r(505);
        height: r(80);
        margin: 0 auto;
        margin-top: r(20);
        background: #f4f5f6;
        border-radius: r(10);
        text-align: center;
        line-height: r(80);
        font-size: r(34);
       border: r(1) solid #b7b7b7;
 color: #666666; 
            }
            a:hover{
                background: #0aba07;
                color: #FFFFFF;
            }
    }
}
header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: 75px;

  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #f7f7f7;
  top: 2.2rem;
  bottom: 0px;
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: r(88);
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
  .whole .img1 {
    float: left;
    display: block;
    width: r(22);
    height:r(37); 
    line-height: r(88);
    }
 img {
      width: 100%;
      height: 100%; }

.search {

    color: #666666;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
     width: 60%;
    margin: 0 auto;
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}
.zhu{
    border-top:r(1) solid #c1c1c1;
    border-bottom:r(1) solid #c1c1c1;
    width: 100%;
    height:r(233);
    img{
        width: 100%;
        height: 100%;
    }
}
.shoukuan{
    width: 100%;
    height: r(94);
    line-height: r(94);
    background: white;
    font-size: r(27);
    padding-left: r(9);
    border-bottom:r(1) solid #c1c1c1;
    .shoukuan1{
        padding-right: r(80);
    }
    input{
    display: inline-block;
    width: r(300);
     font-size: r(27); 
     border: 0;
}
}

.shoukuan2{
    width: 100%;
    height: r(94);
    line-height: r(94);
    background: white;
    font-size: r(27);
    padding-left: r(9);
    border-bottom:r(1) solid #c1c1c1;
    .shoukuan3{
        padding-right: r(65);
    }
    input{
    display: inline-block;
    width: r(300);
     font-size: r(27); 
     border: 0;
}
}
.launch{
    width: r(560);
    height: r(80);
    background:#cc3333 ;
    margin: 0 auto;
    margin-top: r(34);
    border-radius:r(5) ;
    text-align: center;
    line-height: r(80);
    font-size: r(32);
   a{
        color: white;
   } 
   
}

.poundage{
    width: r(560);
    height: r(80);  
    margin: 0 auto;
    text-align: center;
    line-height: r(80);
    font-size: r(20);
   a{
        color: #153fc6;
   } 
   
}
#span1{
    color: white;
}

